<template>
  <div class="m-signOption">
    <el-card class="sign-card" v-for="item in signInfo" :key="item.id">
      <div class="content" v-if="item.memo">{{item.memo}}</div>
      <div class="signInfo" :style="{'padding-bottom':item.memo?'0':'20px'}">
        <p>{{`${item.operate}人：${item.creator}`}}</p>
        <p>{{`${item.operate}时间：${item.createDate}`}}</p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  props: {
    signInfo: {
      type: Array,
    }
  },
  methods: {

  },
  components: {},
  beforeMount () {
  }
}
</script>

<style lang="less" scoped>
.m-signOption {
  margin: 10px 0;
  .sign-card {
    margin-right: 15px;
    margin-bottom: 12px;
    .signInfo {
      margin-top: 20px;
      display: flex;
      p:first-child {
        width: 400px;
      }
      p:last-child {
        margin-left: 20px;
      }
    }
    .content {
      word-break: break-all;
    }
  }
}
</style>